{% extends "content.base.html" %}
{% block headmeta %}
<script type='text/javascript' src='/static/script/jquery.easing.1.2.js'></script>
<script type='text/javascript' src='/static/script/jquery.anythingslider.js'></script>
<script type='text/javascript' src='/static/script/main.js'></script>
{% endblock %}
{% block body %}
<div id="content" class="container">
	<div id="android_slider">
		<div id="viewport" class="anythingSlider">
	          <div class="wrapper" style="overflow: hidden;">
	            <ul>
	            {% for screen in screens %}
	            <li><img src="{{screen.url}}"/></li>
	            {% endfor %}
	            </ul>
	          </div>
	      </div>
	</div>
	<div class="promo">{% if app.logo %}<img src="{{app.logo}}"/> {% else %}<img src="{{app.icon}}"/> {% endif %}</div>
	<div class="desc">{{app.desc}}</div>
	<div class="install">
		<div class="title"><h2>How to Install</h2></div>
		<div class="column">
			<h3>Scan QR Code</h3>
			<img src="http://chart.apis.google.com/chart?cht=qr&chs=177x177&chl=market://search?q=pname:{{app.package}}" style="border: gray solid 1px;"/>
			<ol>
		        <li> Open 'Barcode Scanner'<br>(available from Android Market)</li>
		        <li> Point your phone camera at the screen,<br>and scan the QR code above.</li>
		        <li> Follow the onscreen installation directions.</li>
			</ol>
		</div>
		<div class="column">
			<h3>Install from Marketplace</h3>
      		<img src="http://www.android.com/images/shoppingbag.gif" alt="Shopping Bag"><br>
	      	<ol>
		        <li>Goto 'Market' on your Android-powered device</li>
		        <li>Select 'Search'</li>
		        <li>Enter '{{app.name}}' into the search field</li>
		        <li>Once you've found the {{app.displayname}} app, touch to install</li>
		        <li>Follow the onscreen installation directions</li>
	       </ol>
		<div>
  </div>
		</div>
	</div>
</div>
{% endblock %}